//模块样式
//底部模块样式
.footer {
    position: fixed;
    z-index: 99999;
    width: 100%;
    background: #fff;
    height: @height50;
    padding: 3px 0;
    bottom: 0;
    border-top: 1px solid #EFEFEF;
    .footer_mian {
        .clearfix();
        .active {
            color: @color-main;
        }
        .footer_list {
            padding-top: 0.1rem;
            float: left;
            width: 25%;
            text-align: center;
            .footer_link {
                font-size: @h10-font-size;
            }
            a{
                width: 100%;
                height: 100%;
                display: inline-block;
            }
        }
    }
    span {
        display: block;
        font-size: 0.28rem;
        margin-top: 0.06rem;
    }
    .icon {
        display: inline-block;
        width: 0.5rem;
        height: 0.5rem;
        background-size: 100% 100%;
    }
    .hq {
        background-image: url(../image/nav/hangqing1.png);
    }
    .jy {
        background-image: url(../image/nav/jiaoyi1.png);
    }
    .wd {
        background-image: url(../image/nav/wode1.png);
    }
    .zx{
        background-image: url(../image/nav/zhixun1.png);
    }
}

//手机验证码发送样式
.prompt {
    width: auto;
    background: #FFFFFF;
    border: none;
    color: @color-code;
    font-size: @h10-font-size;
}

//输入框样式
input {
    caret-color: @color-main;
    height: 0.5rem;
    line-height: 0.5rem;
    width: 100%;
    border: none;
    //  border-bottom: 1px solid @color-main;
    border-bottom: 1px solid #E7EBEE;
    outline: none;
    margin-bottom: 0.5rem;
    font-size: @h9-font-size;
    letter-spacing: 1px;
    color: @color333;
}

input::-webkit-input-placeholder {
    color: @color-pl;
}

input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: @color-pl;
}

input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: @color-pl;
}

input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: @color-pl;
}

//返回样式
.goback {
    height: 1.2rem;
    line-height: 1.2rem;
    padding-left: 0.4rem;
    .icon {
        display: inline-block;
        .icon-return();
    }
}

//大按钮
.go-btn-reg {
    .big-btn();
}

//行情头部公用
.index-nav {
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    border-bottom: 1px solid @line;
    h1 {
        font-size: @h13-font-size;
        color: @color333;
    }
}

//币种列表样式
.market-dates-warp {
    padding: 0 0.4rem;
    box-sizing: border-box;
    li {
        width: 100%;
        height: 100%;
        margin-top: 0.6rem;
        span {
            display: inline-block;
            width: 32%;
            text-align: center;
            font-weight: 700;
            font-size: 0.28rem;
        }
        .name {
            text-align: left;
            font-weight: 700;
            color: @color-reg-main;
        }
        .price {
            color: @color-price;
        }
        .ustd {
            font-size: 0.24rem;
            color: @color-95;
            font-weight: 400;
        }
        .upcolor {
            background: @color-up;
            text-align: center;
            color: #fff;
            padding: 0.2rem 0;
            box-sizing: border-box;
        }
        .downcolor {
            color: #fff;
            text-align: center;
            padding: 0.2rem 0;
            box-sizing: border-box;
            background-color: @color-down ;
        }
    }
}

//底部弹框
.model(@x) {
    #model_botton {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #000;
        opacity: 0.6;
        z-index: 100;
        //  display: none;
    }
    #mask_botton {
        position: fixed;
        bottom: 0;
        width: 100%;
        height: @x;
        left: 0;
        background: #fff;
        z-index: 101;
        .title {
            height: 1rem;
            line-height: 1rem;
            padding: 0 0.2rem;
            border-bottom: 1px solid @big-btn;
            h3 {
                float: left;
                color: @color-reg-main;
                font-size: 0.32rem;
                font-weight: 700;
            }
            span {
                float: right;
                color: @color666;
                font-size: 0.28rem;
            }
        }
        .code {
            padding-top: 0.56rem;
            .contents(90%);
            .userphone {
                font-size: 0.24rem;
                color: @color-reg-main;
                font-weight: 700;
            }
            .inp {
                margin-top: 0.4rem;
                position: relative;
                .prompt {
                    position: absolute;
                    top: -0.03rem;
                    right: 0;
                }
                .change {
                    color: @color-main;
                }
            }
        }
        .go-btn-reg {
            .big-btn();
            .contents(85%);
        }
    }
}

//身份证上传
.item {
    width: 2rem;
    height: 2rem;
    float: left;
    position: relative;
    margin-left: 0.2rem;
    .addImg {
        width: 2rem;
        height: 2rem;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        cursor: pointer;
    }
    .preview {
        position: absolute;
        display: block;
        width: 2rem;
        height: 2rem;
        left: 0;
        top: 0;
    }
    .preBlock {
        position: absolute;
        display: block;
        width: 2rem;
        height: 2rem;
        left: 0;
        top: 0;
        img {
            display: block;
            width: 2rem;
            height: 2rem;
        }
    }
    .delete {
        width: 0.5rem;
        position: absolute;
        right: -0.12rem;
        top: -0.2rem;
        cursor: pointer;
        display: none;
        background: #FFFFFF;
        border-radius: 50%;
    }
    .upload_input {
        border: none;
        display: block;
        width: 0;
        height: 0;
        -webkit-opacity: 0.0;
        /* Netscape and Older than Firefox 0.9 */
        -moz-opacity: 0.0;
        /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
        -khtml-opacity: 0.0;
        /* IE9 + etc...modern browsers */
        opacity: .0;
        /* IE 4-9 */
        filter: alpha(opacity=0);
        /*This works in IE 8 & 9 too*/
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        /*IE4-IE9*/
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    }
}

//交易
.records_y {
    margin-bottom: 0.25rem;
    .nav {
        .clearfix();
        margin: 0.2rem 0;
        li {
            float: left;
            width: 33%;
            text-align: center;
            color: @color-reg-main;
            font-weight: 700;
        }
    }
    .data-lis {
        .lis {
            height: 0.6rem;
            line-height: 0.6rem;
            span {
                display: inline-block;
                width: 32%;
                text-align: center;
            }
        }
    }
}

#loading {
    font-size: 0.28rem;
    position: absolute;
    top: 55%;
    left: 42%;
    z-index: 999;
}